<template>
  <demo-section>
    <demo-block title="基础用法">
      <div class="plr16 wrapper">
        <xc-button>默认按钮</xc-button>
        <xc-button type="primary" class="mb10">主要按钮</xc-button>
        <xc-button type="success">成功按钮</xc-button>
        <xc-button type="info">信息按钮</xc-button>
        <xc-button type="warning">警告按钮</xc-button>
        <xc-button type="danger">危险按钮</xc-button>
      </div>
    </demo-block>
  </demo-section>
</template>
<script lang="ts">
export default {};
</script>
<style lang="scss" scoped>
    .wrapper {
        button{
            margin-bottom: 10px;
        }
    }
</style>>
